<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>购物车</title>
    <link rel="stylesheet" href="../css/base.css" />
    <link rel="stylesheet" href="../css/reset.css" />
    <link rel="stylesheet" href="../css/car.css" />
    <link rel="stylesheet" href="../lib/bootstrap-3.3.7-dist/css/bootstrap.css" />
    <link rel="stylesheet" href="../css/carts.css">
    <script src="../js/jquery-1.11.0.min.js"></script>
    <script src="../js/common.js"></script>

</head>
<body>
    <!-- baiyangwang -->
    <div id="baiyang">
            <!-- top-nav -->
            <div id="top">
            <!-- container -->
                <div class="container">
                    <!-- top_nav_l -->
                    <div class="top_l fl clear">
                        <p class="wel">您好，欢迎来到 百洋健康<a href="html/login.html">[登陆]</a><a href="html/reg.html">[注册]</a></p>
                    </div><!-- top_l fl -->
                    <!-- top_r -->
                    <div class="top_r fr clear">
                        <ul class="top_r_list clear">
                            <li class="top_r_list1 list0"><span>我的订单</span><span class="glyphicon glyphicon-chevron-down font"></span>
                            <div class="li-list">
                                <dl>
                                    <dt><a herf="#">待付款订单</a></dt>
                                    <dt><a herf="#">待确认收货</a></dt>
                                    <dt><a herf="#">待评价交易</a></dt>
                                </dl>
                                </div>
                            </li>
                            <li class="top_r_list2 list0"><span>我的收藏</span><span class="glyphicon glyphicon-chevron-down font"></span>
                            <div class="li-list">
                                <dl>
                                    <dt><a herf="#">商品收藏</a></dt>
                                    <dt><a herf="#">店铺收藏</a></dt>
                                </dl>
                                </div>
                            </li>
                            <li class="top_r_list3 list0"><span>客户服务</span><span class="glyphicon glyphicon-chevron-down font"></span>
                            <div class="li-list">
                                <dl>
                                    <dt><a herf="#">帮助中心</a></dt>
                                    <dt><a herf="#">售后服务</a></dt>
                                    <dt><a herf="#">客服中心</a></dt>
                                    <dt><a herf="#">商家入住</a></dt>
                                    <dt><a herf="#">商家管理</a></dt>
                                </dl>
                                </div>
                            </li>
                        </ul>
                    </div><!-- top_r fr -->
            </div><!-- top-container -->
         </div>

         <div id="header">
            <div class="container">
            <!-- logo -->
                <div class="header-l fl">
                    <a href="../index.html"><h1>百洋健康</h1></a>
                </div>
                    <ul class="lc fr">
                        <li class="current">
                            <i class="glyphicon glyphicon-shopping-cart step1"></i>
                            <p>我的购物车</p>
                            <sub></sub>
                            <div class="hr"></div>
                        </li>
                        <li>
                            <i class="glyphicon glyphicon-pencil step2"></i>
                            <p>确认结算</p>
                            <sub></sub>
                            <div class="hr"></div>
                        </li>
                        <li>
                            <i class="glyphicon glyphicon-piggy-bank step3"></i>
                            <p>支付提交</p>
                            <sub></sub>
                            <div class="hr"></div>
                        </li>
                        <li>
                            <i class="glyphicon glyphicon-thumbs-up step4"></i>
                            <p>订单完成</p>
                            <sub></sub>
                            <div class="hr"></div>
                        </li>
                    </ul>
                </div>
    </div>

            <div class="mycart">
            <div class="container">
                <h3>我的购物车</h3>
                <p>查看购物车商品清单，增加减少商品数量，并勾选想要的商品进入下一步操作。</p>
            </div>
</div>






        <section class="cartMain">
        <div class="cartMain_hd">
            <ul class="order_lists cartTop">
                <li class="list_chk">
                    <!--所有商品全选-->
                    <input type="checkbox" id="all" class="whole_check">
                    <label for="all"></label>
                    全选
                </li>
                <li class="list_con">商品</li>
                <li class="list_price">单价(元)</li>
                <li class="list_amount">数量</li>
                <li class="list_sum">小计(元)</li>
                <li class="list_op">操作</li>
            </ul>
        </div>

        <div class="cartBox">
            <div class="shop_info">
                <div class="all_check">
                    <!--店铺全选-->
                    <input type="checkbox" id="shop_a" class="shopChoice">
                    <label for="shop_a" class="shop"></label>
                </div>
                <div class="shop_name">
                    店铺：<a href="javascript:;">百洋健康跨境自营店</a>
                </div>
            </div>
            <div class="order_content">
               
            </div>
        </div>
       
        <!--底部-->
        <div class="bar-wrapper">
            <div class="bar-right">
                <div class="piece">已选商品<strong class="piece_num">0</strong>件</div>
                <div class="totalMoney">共计: <strong class="total_text">0.00</strong></div>
                <div class="calBtn"><a href="javascript:;">结算</a></div>
            </div>
        </div>
    </section>
    <section class="model_bg"></section>


    <section class="my_model">
        <p class="title">删除宝贝<span class="closeModel">X</span></p>
        <p>您确认要删除该宝贝吗？</p>
        <div class="opBtn"><a href="javascript:;" class="dialog-sure">确定</a><a href="javascript:;" class="dialog-close">关闭</a></div>
    </section>























        <div id="footer">
                <div class="container">
                    <div class="footer-l fl">
                        <h1>百洋健康</h1>
                        <div class="gz">
                            <span>关注我们</span>
                            <a href="#"><img src="../img/weibo02.png"/></a>
                            <a href="#"><img src="../img/weixin01.png"/></a>
                        
                        <div class="wb">
                        <img src="../img/weibo_qr.jpg"class="weibo"/>
                        <img src="../img/wexin_qr02.jpg"class="weixin"/>
                        </div>
                        </div>
                    </div>
                    <div class="footer-r fr">
                        <div class="wapp fl">
                            <p class="tp"><img src="../img/weixin-qr.jpg" alt="" /></p>
                            <p class="wz">扫描进入微信商城</p>
                        </div>
                        <div class="app fl">
                            <p class="tp"><img src="../img/app-qr.jpg" alt="" /></p>
                            <p class="wz">扫描下载百洋APP</p>
                        </div>
                    </div>
                </div>
            </div>


            <div id="end">
                <div class="container">
                    <div class="end1">
                        <a href="#"  class="end11">首页</a>
                        <a href="#">联系我们</a>
                    </div>
                    <p class="end2">版权所有 © 2007-2018 青岛百洋健康药房连锁有限公司 百洋健康 鲁ICP备09091598号</p>
                    <div class="end3">
                        <a href="#"><img src="../img/jubao.jpg" alt="" /></a>
                        <a href="#"><img src="../img/chengxin.jpg" alt="" /></a>
                        <a href="#"><img src="../img/hangye.jpg" alt="" /></a>
                    </div>
                </div>
            </div>

    </div>
<!--     <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script> -->
<script src="../js/carts.js"></script>
</body>
</html>